<template>
  <div class="header">
    <div class="title">
      <p class="bold">WEEKLY REPORT</p>
      <p class="thin">01. Feb - 07. Feb</p>
    </div>
    <div class="revenue">
      <p class="thin">Revenue</p>
      <p class="bold">$ 3621.79</p>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.header {
  width: 100%;
  height: 80px;
  padding: 0 30px;
  background-color: #f1ba64;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .thin {
    font-size: 0.8rem;
  }

  .bold {
    font-size: 1rem;
  }
  p {
    margin-bottom: 2px;
  }
}
</style>
